<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  
</head>
<body>
  <div id="app">
    <!-- <div v-bind:id="id" v-bind:a="a">111</div>
    <hr>
    <label for="jiali1">佳丽1</label>
    <input type="radio" 
      id="jiali1" 
      value="https://pic.qqtn.com/up/2018-7/2018071510411052084.jpg"
      v-model="imgSrc"
    >
    <label for="jiali2">佳丽2</label>
    <input type="radio" 
      id="jiali2"
      value="https://pic.qqtn.com/up/2018-7/2018071308075224312.jpg"
      v-model="imgSrc"
    >
    
    <img v-bind:src="imgSrc" width="200" alt=""> -->

    <div :id="id" :a="a">111</div>
    <hr>
    <label for="jiali1">佳丽1</label>
    <input type="radio" 
      id="jiali1" 
      value="https://pic.qqtn.com/up/2018-7/2018071510411052084.jpg"
      v-model="imgSrc"
    >
    <label for="jiali2">佳丽2</label>
    <input type="radio" 
      id="jiali2"
      value="https://pic.qqtn.com/up/2018-7/2018071308075224312.jpg"
      v-model="imgSrc"
    >
    
    <img :src="imgSrc" width="200" alt="">
  </div>
  <script src="./vue.global.js"></script>
  <script>
    // 创建应用实例
    const { createApp } = Vue;
    const app = createApp({
      data(){
        return {
          id: 'box',
          a: '这是自定义属性',
          imgSrc:''
        }
      }
    })
    app.mount("#app")
  </script>
</body>
</html>